import React from 'react';
import {StyleSheet} from 'react-native';
import {R} from '../../../core';

const SearchView = StyleSheet.create({
  item: {
    flexDirection: 'row',
    backgroundColor: R.color.white,
    alignItems: 'center',
  },
  search: {
    alignItems: 'center',
    justifyContent: 'center',
    paddingLeft: 10,
    flex: 1,
  },
  search_view: {
    position: 'absolute',
    left: 0,
    marginLeft: 15,
  },
  search_clear: {
    position: 'absolute',
    right: 0,
    paddingRight: 15,
  },
  search_text: {
    fontSize: 14,
    backgroundColor: '#F2F3F7',
    color: '#C5CBD6',
    borderRadius: 4,
    margin: 10,
    height: 35,
    paddingLeft: 30,
    paddingRight: 20,
    width: '100%',
    lineHeight: 35,
    fontFamily: 'PingFangSC-Regular',
  },
  shop_card: {
    paddingLeft: 15,
    paddingRight: 15,
  },
  shop_search_text: {
    color: '#4E80F5',
    fontSize: 17,
    fontFamily: 'PingFangSC-Regular',
    textAlign: 'center',
  },
});

export default {
  SearchView,
};
